Learn to create an image that links to another page using the img and a tags, with open in a new tab behavior for product information.

Learn to use the div tag to structure web pages and control layout with classes and IDs, applying colors and borders to blocks and paragraphs.

Learn to create unordered and ordered lists in HTML using ul, ol, and li, and customize with type attributes for numbers, letters, and Roman numerals.

Create a basic HTML form using the form tag, labels, and inputs such as text and password, with name and id, and define action and method (get or post).

Learn how to create a simple HTML table using the table tag to display data such as first name, last name, and country, including headings and borders.

Write HTML comments to explain code and its purpose; comments are not displayed in the browser and help readers and future developers understand and maintain the page.

Learn how to apply colors to text and backgrounds in HTML using CSS properties, color names, and color wheel choices to create appealing combinations.

Review html elements from the document structure to forms, including headings, paragraphs, line breaks, links, images, lists, tables, colors, footers, and basic form controls.

Practice an assessment that requires ordering the months of the year and applying an attribute type to label each item as a month name, then prepare your report.

Review the assessment solution and the prepared output, including the ABCD FC hatched in December. Learn to follow the code example and write an ordered list using the reference.

Learn how cascading style sheets control how elements display on screen, using inline, internal, and external styles, and grasp basic syntax to apply colors and layout for a web page.

Explore css syntax, focusing on the selector and declaration block. Use the color property and property-value pairs to set font colors like yellow or blue, ending with a semicolon.

Learn to apply background color to HTML elements using the inline style attribute, and the background-color property, experimenting with color names like tomato and blue.

Create an id selector with a hashtag to apply a single style to multiple elements, letting colors, text color, font, and border radius update from one place.

Learn to create and apply classes using dot notation, define properties like color, font, and font-size, and reuse class definitions across multiple elements.

Learn to create borders for HTML content using CSS border properties and styles. Apply borders to paragraphs with classes and see live results.

Learn to use css border radius to control each corner of an element with four values for top-left, top-right, bottom-right, and bottom-left, and customize borders, background color, padding, and height.

Learn to use the css padding property to control inner spacing around text and images, applying top, right, bottom, and left values, and combine it with borders for clean layouts.

Learn how to use CSS margins to control the outside space of elements, with margin-top, margin-right, margin-bottom, and margin-left, and compare with padding inside the box.

Explore how to control font size using the font-size property to make headings and paragraphs bigger or smaller. Apply specific values, like 50px, to refine typography in your HTML pages.

Learn how the font-weight property controls text thickness in HTML/CSS, using classes like light, normal, bold, and italic to style paragraphs and observe rendering differences.

Learn to use the CSS text-transform property with a style tag to convert text to uppercase, lowercase, or capitalize the first letter of each word.

Learn how to apply text color using the style property or a class, change color on a paragraph, and explore color codes with color pickers and color wheels.

Learn to align text in html using css text-align, applying center, left, and right alignments to headings and paragraphs, and preview how alignment controls the entire page design.

Learn how to set the font-family in HTML using style tags and CSS classes to apply serif, sans-serif, and monospace fonts to paragraphs, and see font rendering differences.

Explore applying font styles with the CSS font-style property, including normal, italic, and oblique, using class-based examples to preview changes.

Learn how to use CSS comments to document your code and keep your styles organized. Explore single-line and multi-line comment syntax, which browsers ignore and do not affect the output.

Build a personal HTML website by creating multiple pages, assembling them into index.html from a simple template, structuring a menu with about, contact, and products, and applying CSS styling.

Submit your project with a screenshot and use the comment box to notify the instructor. We will review the submission and share next courses, opportunities, and portfolio references.